<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <form action="#" method="post" >
    <div align="center"><h3 >用户注册</h3></div>
    <fieldset style="height: 150px; width: 200px; align-self: center;" >
        <legend>身份验证-必填项</legend>
        
    <div align="center">
    <tr>
        <td>用户名</td>
        <td><input type="text" name="name" placeholder="请输入用户名" ></input></td><br>
    </tr>
    <tr>
        <td>密码</td>
        <input type="password" placeholder="请输入密码"><br>
    </tr>
    <tr>
        <td>密码确定</td>
        <input type="password" placeholder="请确定密码">
    </tr>
    </div>
    </fieldset>

    <fieldset style="height: 150px; width: 200px;">
    
        <legend>身份验证-选填信息</legend>
    <div align="center">
    <tr>
        <td>所在城市</td>
        <td><input type="text" name="name" placeholder="请输入城市" ></input></td><br>
    </tr>
    <tr>
        <td>工作单位</td>
        <input type="text" placeholder="请输入工作单位"><br>
    </tr>
    <tr>
        <td>家庭地址</td>
        <input type="address" placeholder="请输入家庭地址"></input>
    </tr>
    </div>
    </fieldset>
    
    <fieldset style="height: 200px; width: 200px;">
    
        <legend>其他个人信息</legend>
    <div align="center">
        <td>姓别</td>
    <tr>
        <select name="sex" >
            <option value="hz"selected>男孩</option>
            <option value="hf" >女孩</option>
        </select>
    </tr><br>
    <td>爱好</td>
    <tr>
        <input type="checkbox" name="music" value="music" checked/>音乐
        <input type="checkbox" name="sport" value="sport" />体育
        <input type="checkbox" name="conputer" value="conputer" />计算机
    </tr><br/>
    <td>喜欢的公司</td>
    <tr>
        <input type="radio" name="baidu" value="music" />百度
        <input type="radio" name="baidu" value="sport" />微软中国
        <input type="radio" name="baidu" value="conputer" />谷歌中国
    </tr><br/>
    <tr>
    <td >个人简介</td>
    <td><textarea name="introduce" cols="20" rows="3" ></textarea></td>
    </tr><br>
    </div>
    </fieldset>
    <div align="center">
    <input type="submit" value="提交您的资料"  />&nbsp;&nbsp;<input type="reset" value="重新填写资料" /> <br>
    <input type="button" value="无效按钮" disabled>
    </div>
</form>
</body>
</html>